<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body{ 
      height: 2000px;
    }
  </style>
</head>
<body>
  


  <script>
    // screen  X  Y  屏幕  距离屏幕的 坐标

    // page  页面   距离页面的坐标  ✅

    // client  客户端

    document.addEventListener('click', function(e) {
      // console.log( e )

      // console.log( e.screenX )  // 距离真实屏幕左侧

      // console.log( e.clientY )  // 距离客户端顶部的距离  可视区域

      // console.log( e.pageY )  // 距离页面顶部的距离

    })
  </script>
</body>
</html>